/* 公共部分  头部和尾部*/
/*字体图标声明  这里一定要注意路径的变化*/
@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?n6rlpi');
    src:  url('../fonts/icomoon.eot?n6rlpi#iefix') format('embedded-opentype'),
      url('../fonts/icomoon.ttf?n6rlpi') format('truetype'),
      url('../fonts/icomoon.woff?n6rlpi') format('woff'),
      url('../fonts/icomoon.svg?n6rlpi#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
/* 版心 */
.w{
    width: 1200px;
    margin: 0 auto;
}
.fl{
    float: left;
}
.fr{
    float:right;
}
.shortcut_red{
    color: #c81623;
}

/* 快捷导航栏模块  开始 */
.shortcut{
    height: 31px;
    line-height: 31px;
    background-color: #f1f1f1;
}
.shortcut  ul li{
    float: left;
    position: relative;
}
/* 选择所有偶数的小li */
.shortcut .fr ul li:nth-of-type(even) {
    width: 1px;
    height: 12px;
    margin: 9px  25px;
    background-color: #666666;
}
/* 添加小图标 */
.arrow-icon::after{
    position: absolute;
    font-family: 'icomoon';
    content: '';
    color: #6e6e6e;
    margin-left: 6px;
    top: -1px;
}
/* header 头部模块制作   */
.header{
   position: relative;
    height: 105px;
    /* background-color: pink; */
}
.logo{
    position: absolute;
    top: 25px;
    width: 171px;
    height: 61px;
    /* background-color: skyblue; */
}
.logo a{
    display: block;
    width: 171px;
    height: 61px;
    /* 京东做法 让文字看不到 */
    /* font-size: 0px; */
    /* 淘宝 */
    text-indent: -9999px;
    overflow: hidden;
    background:url(../images/logo.png) no-repeat;
}
/* 搜素模块 */
.search{
    position: absolute;
    top: 26px;
    left: 346px;
    width: 540px;
    height: 36px;
    border: 2px solid #b1191a;
}
.search input{
    width: 457px;
    height: 32px;
    padding-left: 10px;
}
.search button {
   position: absolute;
    width: 79px;
    height: 32px;
    background-color: #b1191a;
    color: #fff;
    font-size: 16px;
    line-height: 32px;
}
/* hotwords 模块制作 */
.hotwords{
    position: absolute;
    left: 336px;
    top: 70px;
}
.hotwords a{
    margin-left:25px ;
    font-size: 12px;
}
.hotwords a:hover{
    color: red;
}
/* shopcar 购物车模块制作 开始 */
.shopcar{
    position: absolute;
    top: 25px;
    right: 65px;
    width: 140px;
    height: 35px;
    line-height: 38px;
    text-align: center;
    background-color: #f7f7f7;
}
/* 在前面添加小图标 */
.shopcar::before {
    font-family: 'icomoon';
    content: '';
    color: red;
    font-size: 12px;
    margin-right: 5px;
    /* top: -1px; */
}
/* 在后面添加小图标 */
.shopcar::after {
    font-family: 'icomoon';
    content: '';
    color: #a4a4a4;
    font-size: 12px;
    margin-right: 10px;
}
/* 购物气泡 */
.count{
  position: absolute;
  top: -5px;
  /* 这里左对齐更好 */
  left: 105px;
  /* width: 15px; */
  height: 15px;
  color: #fff;
  background-color: red;
  padding: 0 5px;
  line-height: 15px;
   /* 设置边框圆角 */
   border-radius: 7px 7px 7px 0;
}

/* nav 导航制作 */
.nav{
    height: 47px;
    border-bottom: 2px solid #b1191a;
    
}
/* 1号盒子  */
.dropdown{
    float: left;
    width: 210px;
    height: 47px;
    background-color: #b1191a;
}
.dropdown .dt{
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 47px; 
}
.dropdown .dd{
    position: relative;
    width: 210px;
    height: 468px;
     background-color: #c81623;
     line-height: 47px;
       /* visibility: hidden; 元素隐藏   隐藏元素后仍然占有原来的位置*/
       /* visibility: hidden; */
      
}
/* 当我们的鼠标经过 dropdown 这个盒子就把里面的 dd 显示出来 */
/* .dropdown:hover .dd{
    /* visibility:visble;元素可视  */
    /* visibility:visible;
} */ 
.dropdown .dd ul li a{
    display: block;
    height: 32px;
    line-height: 32px;
    margin-left: 2px;
    padding-left: 10px;
    padding-right: 10px;
}
.dropdown .dd ul li a:hover{
    background-color: #fff;
    /* border-left: 2px solid #c81623; */
    color:  #c81623;

}
.dropdown .dd ul li a{
    font-size: 14px;
    color: #fff;
}
.dropdown .dd ul li a::after{
    position: absolute;
    right: 10px;
    font-family: 'icomoon';
    content: '\ea51';
    color: #fff;
    font-size: 14px;
   
}
/* 2号盒子  */
.navitems{
    float: left;
    width: 743px;
    height: 47px;
    line-height: 47px;
}
.navitems ul li{
    float: left;
    /* margin-left: 1px; */
    background-color: ffffff;
}
.navitems ul li a{
    font-size: 16px;
    color: #333333;
    padding:0 25px;
}
.navitems ul li a:hover{
color: #c81623;
}
/* 底部模块 */
.footer{
    height: 415px;
    background-color: #f5f5f5;
    /* margin-top: 470px; */
    padding-top:30px ;
}
/* 服务模块 */
.mod_serice{
    height: 81px;
   background-color: #f5f5f5;
   border-bottom: 2px solid #ededed;
}
.mod_serice ul li{
    float: left;
    font-size: 12px;
    padding-left: 35px;
}
.mod_serice ul li .h5_1,
.h5_2,
.h5_3,
.h5_4,
.h5_5{
    float: left;
    width: 51px;
    height: 51px;
    background-color: #c81623;
    border-radius: 50%;
}
.mod_serice ul li .h5_1{
    background:url(../images/icons.png) no-repeat -255px -2px ;
}
.mod_serice ul li .h5_2{
    background:url(../images/icons.png) no-repeat -255px -52px ;
}
.mod_serice ul li .h5_3{
    background:url(../images/icons.png) no-repeat -255px -106px ;
}
.mod_serice ul li .h5_4{
    background:url(../images/icons.png) no-repeat -255px -155px ;
}
.mod_serice ul li .h5_5{
    background:url(../images/icons.png) no-repeat -258px -208px ;
}
.mod_serice ul li h4{
    font-size: 16px;
}
.mod_serice ul li div{
    float: left;
    padding-top: 8px;
    padding-left: 10px;
    font-size: 14px;
}
/* 帮助模块 */
.mod_heip{
    height: 188px;
    border-bottom: 2px solid #ededed;

}
.mod_heip dl{
    float: left;
    padding-left: 104px;
    padding-top: 23px;
    color: #333333;
}
.mod_heip dl dt{
    font-size: 16px;
    padding-bottom: 12px;
    
}
.mod_heip dl a{
    color: #333333;
}
.mod_heip dl dd{
    font-size: 12px;
    color: #333333;
}
.mod_heip dl .dd_6{
    width: 95px;
    height: 95px;
    background: url(../images/rwm.png);
}
.mod_copyright ul .li1{
    margin-left: 123px;
}
.mod_copyright ul li{
    /* float: left; */
    display: inline-block;
}
.mod_copyright ul .li{
    width: 1px;
    height: 9px;
    margin:0 8px;
    background-color: #999999;
}
.mod_copyright_in{
    text-align: center;
}
